
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- HTML5 shim for IE8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <![endif]-->


    <link href="/themes/admin_simpleboot3/public/assets/themes/flatadmin/bootstrap.min.css" rel="stylesheet">
    <link href="/themes/admin_simpleboot3/public/assets/simpleboot3/css/simplebootadmin.css" rel="stylesheet">
    <link href="/static/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/static/blupilot/layui/css/layui.css" rel="stylesheet" type="text/css">
    <style>
        form .input-order {
            margin-bottom: 0px;
            padding: 0 2px;
            width: 42px;
            font-size: 12px;
        }

        form .input-order:focus {
            outline: none;
        }

        .table-actions {
            margin-top: 5px;
            margin-bottom: 5px;
            padding: 0px;
        }

        .table-list {
            margin-bottom: 0px;
        }

        .form-required {
            color: red;
        }
    </style>
    <script type="text/javascript">
        //全局变量
        var GV = {
            ROOT: "/",
            WEB_ROOT: "/",
            JS_ROOT: "static/js/",
            APP: 'user'/*当前应用名*/
        };
    </script>
    <script src="/themes/admin_simpleboot3/public/assets/js/jquery-1.10.2.min.js"></script>
    <script src="/static/js/wind.js"></script>
    <script src="/themes/admin_simpleboot3/public/assets/js/bootstrap.min.js"></script>
    <script>
        Wind.css('artDialog');
        Wind.css('layer');
        $(function () {
            $("[data-toggle='tooltip']").tooltip();
            $("li.dropdown").hover(function () {
                $(this).addClass("open");
            }, function () {
                $(this).removeClass("open");
            });
        });
    </script>
    </head>
<body>
<div class="wrap">
    <ul class="nav nav-tabs">
        <li class="active"><a>Site Users</a></li>
    </ul>
    <form class="well form-inline margin-top-20" method="post" action="/user/admin_index/index.html">
        User ID：
        <input class="form-control" type="text" name="uid" style="width: 200px;" value="#(p.uid)"
               placeholder="User ID">
        Keywords：
        <input class="form-control" type="text" name="keyword" style="width: 200px;" value="#(p.keyword)"
               placeholder="User Name/Nickname/Email">
        <input type="submit" class="btn btn-primary" value="Search"/>
        <a class="btn btn-danger" href="/user/admin_index/index.html">Clear</a>
    </form>
    <form method="post" class="js-ajax-form">
        <table class="table table-hover table-bordered">
            <thead>
            <tr>
                <th>ID</th>
                <th>Username</th>
                <th>Nicename</th>
                <th>Avatar</th>
                <th>Email</th>
                <th>Mobile</th>
                <th>Registration Time</th>
                <th>Last Login Time</th>
                <th>Last Login IP</th>
                <th>Status</th>
                <!-- <th>Actions</th> -->
            </tr>
            </thead>
            <tbody>
                            <!-- #for(u : obj.list) -->
                            <tr>
                    <td>#(u.id)</td>
                    <td>#(u.user_login)                    </td>
                    <td>#(isEmpty(u.user_nickname)?'Not Filled':u.user_nickname)</td>
                    <td><img width="25" height="25" src="#(u.avatar==null||u.avatar==''?'/static/images/headicon.png':root+u.avatar)"/></td>
                    <td>#(u.user_email)</td>
                    <td>#(u.mobile)</td>
                    <td>#(format(u.create_time))</td>
                    <td>#(format(u.last_login_time))</td>
                    <td>#(u.last_login_ip)</td>
                    <td>#(u.user_status==2?'Unverified':'')#(u.user_status==1?'Activated':'')</td>
                    <!-- <td>
                                                        <a href="/user/admin_index/ban/id/72.html" class="js-ajax-dialog-btn"
                                   data-msg="Are you sure you want to pull black this user?">Block</a>
                                                </td> -->
                </tr>
                <!-- #end -->
                        </tbody>
        </table>
        <div id="pager" class="pagination"></div>
    </form>
</div>
<script src="/static/js/admin.js"></script>
<script src="/static/blupilot/layui/layui.js"></script>
<script type="text/javascript">
layui.use(['laypage'], function(){
	  var laypage = layui.laypage;
	  laypage.render({
		    elem: 'pager'
		    ,count: #(obj.pager.recordCount??0) //数据总数
		    ,curr: #(obj.pager.pageNumber??1)
		    ,jump: function(obj, first){
		        if(!first){
		          location.href="?page="+obj.curr;
		        }
		      }
		  });
})
</script>
</body>
</html>